<template>
     <div id="yearPlan">
         <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="项目名称" width="180">
      </el-table-column>
      <el-table-column prop="date" label="项目年度" width="180">
      </el-table-column>
      <el-table-column prop="address" label="项目期限"> </el-table-column>
      <el-table-column prop="address1" label="项目类别"> </el-table-column>
      <el-table-column prop="address2" label="建设地址"> </el-table-column>
      <el-table-column prop="address3" label="实施单位"> </el-table-column>
      <el-table-column prop="address4" label="操作">
        <!-- slot-scope="scope" -->
        <el-dropdown split-button type="primary">
            年份
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item @click.native="onc(2019)">2019年度计划</el-dropdown-item>
              <el-dropdown-item @click.native="onc(2020)">2020年度计划</el-dropdown-item>
              <el-dropdown-item @click.native="onc(2021)">2021年度计划</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
      </el-table-column>
    </el-table>
    <el-dialog style="color:;text-align:center;" :visible.sync="dialogFormVisible2019">
      <div style="color:#5CA9D3;font-size:20px;margin-bottom:2%"><strong>航头镇珏塘村乡村振兴工程{{date}}年度计划</strong></div>
        <el-form v-model="form">
            <table style="width:875px">
              <div>
                <tr>
                  <td class="bj" style="width:200px">项目估（概）算总投资</td>
                  <td>
                    <input type="text" style="border:none;height:50px;width:669px">
                  </td>
                </tr>
                </div>
                <div style="display:flex">
                  <div>
                    <tr>
                      <td class="bj" style="width:200px">至{{date}}年底累计完成投资</td>
                      <td>
                        <input type="text" style="border:none;height:50px;width:263px">
                      </td>
                    </tr>
                    <tr>
                      <td class="bj" style="width:200px">*{{date}}年度计划投资</td>
                      <td>
                        <input type="text" style="border:none;height:50px;width:263px">
                      </td>
                    </tr>
                  </div>
                  <div>
                    <tr>
                      <td class="bj" style="width:200px">至{{date}}年底主要形象进度</td>
                      <td>
                        <input type="text" style="border:none;height:50px;width:200px">
                      </td>
                    </tr>
                    <tr>
                      <td class="bj" style="width:200px">*{{date}}年度形象进度</td>
                      <td>
                        <input type="text" style="border:none;height:50px;width:200px">
                      </td>
                    </tr>
                  </div>
                </div>
                <div>
                  <tr>
                    <td class="bj" style="width:200px;text-align:center;height:150px;">*{{date}}年度财务款</td>
                    <td>
                      <div style="display:flex">
                      <div>
                      <tr>
                        <td class="bj" style="height:50px">市财政</td>
                        <td>
                        <input type="text" style="border:none;width:100px">
                        </td>
                      </tr>
                      <tr>
                        <td class="bj" style="height:50px;line-height:50px">争取市级以上补助</td>
                        <td>
                        <input type="text" style="border:none;">
                        </td>
                      </tr>
                      </div>
                      <div>
                        <tr>
                          <td class="bj" style="width:200px;height:50px;line-height:50px">乡镇街道财政</td>
                          <td>
                          <input type="text" style="border:none;width:198px">
                          </td>
                        </tr>
                        <tr>
                          <td class="bj" style="width:200px;height:50px;line-height:50px">公司融资</td>
                          <td>
                          <input type="text" style="border:none;width:200px">
                          </td>
                        </tr>
                      </div>
                      </div>
                      <tr>
                        <td class="bj" style="width:113px;height:50px;line-height:50px">总计</td>
                        <td>
                        <input type="text" style="border:none;width:555px">
                        </td>
                      </tr>
                    </td>
                  </tr>
                </div>
                <div>
                  <tr>
                    <td class="bj" style="width:200px">(投资)备注</td>
                    <td>
                    <input type="text" style="border:none;height:50px;width:669px">
                    </td>
                  </tr>
                </div>
                <div style="display:flex">
                  <div>
                    <tr>
                      <td class="bj" style="width:200px">{{date}}年度项目总用地</td>
                      <td>
                        <input type="text" style="border:none;height:50px;width:230px">
                      </td>
                    </tr>
                  </div>
                  <div>
                    <tr>
                      <td class="bj" style="width:200px">{{date}}年度项目总农转用</td>
                      <td>
                        <input type="text" style="border:none;height:50px;width:233px">
                      </td>
                    </tr>
                  </div>
                </div>
                <div>
                  <tr>
                    <td class="bj" style="width:200px">其中耕地数</td>
                    <td>
                    <input type="text" style="border:none;height:50px;width:669px">
                    </td>
                  </tr>
                </div>
                <div>
                  <tr>
                    <td class="bj" style="width:200px">（土地）备注</td>
                    <td>
                    <input type="text" style="border:none;height:50px;width:669px">
                    </td>
                  </tr>
                </div>
                <div style="display:flex">
                  <div>
                    <tr>
                      <td class="bj" style="width:200px">{{date}}年度拆迁户数</td>
                      <td>
                        <input type="text" style="border:none;height:50px;width:230px">
                      </td>
                    </tr>
                  </div>
                  <div>
                    <tr>
                      <td class="bj" style="width:200px">{{date}}年度征地面积</td>
                      <td>
                        <input type="text" style="border:none;height:50px;width:233px">
                      </td>
                    </tr>
                  </div>
                </div>
                <div>
                  <tr>
                    <td class="bj" style="width:200px">（拆迁）备注</td>
                    <td>
                    <input type="text" style="border:none;height:50px;width:669px">
                    </td>
                  </tr>
                </div>
                <div>
                  <tr>
                    <td class="bj" style="width:200px">重点项目联系市领导</td>
                    <td>
                    <input type="text" style="border:none;height:50px;width:669px">
                    </td>
                  </tr>
                </div>
                <div>
                  <tr>
                    <td class="bj" style="width:200px">备注</td>
                    <td>
                    <input type="text" style="border:none;height:50px;width:669px">
                    </td>
                  </tr>
                </div>
                <div style="text-align:center;line-height:50px">
                  <tr>
                    <td class="bj" style="width:200px;height:50px">审核状态</td>
                    <td>
                      <div style="width:669px;text-align:center;line-height:50px">
                      <el-radio v-model="radio" label="1">未审核</el-radio>
                      <el-radio v-model="radio" label="2">正在审核</el-radio>
                      <el-radio v-model="radio" label="3">审核通过</el-radio>
                      <el-radio v-model="radio" label="4">审核不通过</el-radio>
                      </div>
                    </td>
                  </tr>
                </div>
            </table>
        </el-form> 
        <div slot="footer" class="dialog-footer" style="text-align:center">
          <el-button @click="dialogFormVisible2019 = false">关 闭</el-button>
          <el-button type="primary" @click="dialogFormVisible2019 = false">确 定</el-button>
        </div>
    </el-dialog>
   
     </div>
</template>
<script>
export default {
    data() {
    return {
      date:'',
      form: {
          name: ''
        },
      form1:{},
      form2:{},
      onText:null,
      dialogFormVisible2019:false,
      dialogFormVisible2020:false,
      dialogFormVisible2021:false,
      radio:'1',
      tableData: [
        {
          name: "建德市xxx",
          date: "2016.5.2",
          address: "测试",
          address1: "实施类",
          address2: "建德市",
          address3: "建德市xxx",
        },
        {
          name: "建德市xxx",
          date: "2016.5.2",
          address: "测试",
          address1: "实施类",
          address2: "建德市",
          address3: "建德市xxx",
        },
      ],
    };
  },
  methods:{
    onc(data){
      this.date=data;
      this.dialogFormVisible2019=true
    },
  }
}
</script>
<style lang="less" scoped>
#yearPlan {
  width: 100%;
  height: 93.5%;
  /deep/.el-table th{
      text-align: center;
      background-color: #FFFFFF !important;
  }
  /deep/.el-table td{
      text-align: center;
  }
  .el-button--warning {
    background-color: #dd7d7d;
  }
  .el-button--primary {
    background-color: #5ca9d3;
  }
  .el-button--success {
    background-color: #bebebe;
  }
}
.bj{
  background-color: #ECECEC;
}
table td {
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}
table {
    width: 100%;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-spacing: 0;
}
</style>